<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="南昌大学外国语学院官方网站，提供学院概况、师资队伍、学术研究、人才培养、党群工作、招生就业、国际化办学、校友之家">
    <meta name="keywords" content="南昌大学, 外国语学院, 外语教学, 国际交流, 人才培养">
    <meta name="author" content="南昌大学外国语学院">
    <title>南昌大学外国语学院</title>
    <link rel="stylesheet" href="cs.css">
</head>
<body>
    <!-- 页面头部区域 -->
    <header class="header-top">
        <div class="container">
            <img src="./image/logo.jpg"  alt="南昌大学校徽" class="university-logo">
        </div>
    </header>

    <!-- 导航菜单 -->
    <nav class="main-nav">
        <div class="container">
            <ul class="nav-list">
                <li><a href="#" class="active">首页</a></li>
                <li class="dropdown">
                    <a href="#">学院概况</a>
                    <ul class="sub-nav">
                        <li><a href="#">校长寄语</a></li>
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">学院领导</a></li>
                        <li><a href="#">组织机构</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">师资队伍</a>
                    <ul class="sub-nav">
                        <li><a href="#">教授风采</a></li>
                        <li><a href="#">教师名录</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">学术研究</a>
                    <ul class="sub-nav">
                        <li><a href="#">学术活动</a></li>
                        <li><a href="#">学术成果</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">人才培养</a>
                    <ul class="sub-nav">
                        <li><a href="#">本科生培养</a></li>
                        <li><a href="#">研究生培养</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">党群工作</a>
                    <ul class="sub-nav">
                        <li><a href="#">党建活动</a></li>
                        <li><a href="#">团学活动</a></li>
                        <li><a href="#">教工之家</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">招生就业</a>
                    <ul class="sub-nav">
                        <li><a href="#">招生信息</a></li>
                        <li><a href="#">就业信息</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">国际化办学</a>
                    <ul class="sub-nav">
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">校友之家</a>
                    <ul class="sub-nav">
                        <li><a href="#">毕业合影</a></li>
                        <li><a href="#">校友风采</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">办事指南</a>
                    <ul class="sub-nav">
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#">文件下载</a>
                    <ul class="sub-nav">
                    </ul>
                </li>
            </ul>
        </div>
    </nav>

    <!-- 主要内容区域 -->
    <main class="main-content">
        <div class="container">
            <!-- 轮播图区域 -->
            <section class="carousel">
                <figure>
                    <img src="image/shouye.png" alt="网络安全为人民" class="carousel-img active">
                </figure>
            </section>

             <main class="content-container">
        <!-- 第一行：新闻动态和通知公告 -->
        <div class="section-row">
            <!-- 新闻动态 -->
            <section class="section-card">
                <div class="section-header">
                    <h2 class="section-title">新闻动态</h2>
                    <a href="#" class="more-link">更多>></a>
                </div>
                <div class="section-content">
                    <div class="content-image">
                        <img src="https://p26-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/6a72340a371f4cd1a966beddb60dbe07.png~tplv-a9rns2rl98-24:720:720.png?rcl=20251122154919FAB87C709283F7E5C868&rk3s=8e244e95&rrcfp=8a172a1a&x-expires=1764402560&x-signature=BVSYVEa6DwLP%2BPaT1Iqrp7KROjA%3D" 
                             alt="第十九届中华全国日语演讲比赛">
                        <nav class="pagination">
                            <span class="page-number active">1</span>
                            <span class="page-number">2</span>
                            <span class="page-number">3</span>
                            <span class="page-number">4</span>
                            <span class="page-number">5</span>
                        </nav>
                    </div>
                    <div class="content-list">
                        <article class="news-item">
                            <a href="#" class="news-title">我校学子喜获第30届"21世纪杯"...</a>
                            <time class="news-date">2025-11-20</time>
                        </article>
                        <article class="news-item">
                            <a href="#" class="news-title">我校学子在2025"外研社·国才杯...</a>
                            <time class="news-date">2025-11-21</time>
                        </article>
                        <article class="news-item">
                            <a href="#" class="news-title">前驻西使馆公使衔文化参赞刘雯秋到访...</a>
                            <time class="news-date">2025-11-19</time>
                        </article>
                        <article class="news-item">
                            <a href="#" class="news-title">"气"场全开，激情澎"排"——外国...</a>
                            <time class="news-date">2025-11-19</time>
                        </article>
                    </div>
                </div>
            </section>
            
            <!-- 通知公告 -->
            <section class="section-card">
                <div class="section-header">
                    <h2 class="section-title">通知公告</h2>
                    <a href="#" class="more-link">更多>></a>
                </div>
                <div class="content-list">
                    <article class="announcement-item">
                        <div class="announcement-date">
                            <span>22</span>
                            <span>2025-10</span>
                        </div>
                        <a href="#" class="announcement-title">关于2025年7月南昌大学考点日本语...</a>
                    </article>
                    <article class="announcement-item">
                        <div class="announcement-date">
                            <span>03</span>
                            <span>2025-11</span>
                        </div>
                        <a href="#" class="announcement-title">南昌大学TOEFL、GRE考生入校要求</a>
                    </article>
                    <article class="announcement-item">
                        <div class="announcement-date">
                            <span>24</span>
                            <span>2025-10</span>
                        </div>
                        <a href="#" class="announcement-title">外国语学院学院研究会改革情况</a>
                    </article>
                    <article class="announcement-item">
                        <div class="announcement-date">
                            <span>22</span>
                            <span>2025-09</span>
                        </div>
                        <a href="#" class="announcement-title">五秩弦歌·语通中外|南昌大学外国语...</a>
                    </article>
                    <article class="announcement-item">
                        <div class="announcement-date">
                            <span>11</span>
                            <span>2025-08</span>
                        </div>
                        <a href="#" class="announcement-title">中国英汉语比较研究会第八届常务理...</a>
                    </article>
                </div>
            </section>
        </div>
        
        <!-- 第二行：学术活动和教务公告 -->
        <div class="section-row">
            <!-- 学术活动 -->
            <section class="section-card">
                <div class="section-header">
                    <h2 class="section-title">学术活动</h2>
                    <a href="#" class="more-link">更多>></a>
                </div>
                <div class="section-content">
                    <div class="content-image">
                        <img src="https://picsum.photos/seed/academic/600/400" alt="学术活动图片">
                        <nav class="pagination">
                            <span class="page-number active">1</span>
                            <span class="page-number">2</span>
                            <span class="page-number">3</span>
                            <span class="page-number">4</span>
                            <span class="page-number">5</span>
                        </nav>
                    </div>
                    <div class="content-list">
                        <article class="news-item">
                            <a href="#" class="news-title">复旦大学高永伟教授应邀为我校师生作...</a>
                            <time class="news-date">2025-11-18</time>
                        </article>
                        <article class="news-item">
                            <a href="#" class="news-title">西南大学王莲涔老师应邀来我校讲学</a>
                            <time class="news-date">2025-11-18</time>
                        </article>
                        <article class="news-item">
                            <a href="#" class="news-title">复旦大学陈靓教授应邀为我院师生作学...</a>
                            <time class="news-date">2025-11-13</time>
                        </article>
                        <article class="news-item">
                            <a href="#" class="news-title">首都师范大学王宗琥教授应邀来我院讲...</a>
                            <time class="news-date">2025-11-12</time>
                        </article>
                    </div>
                </div>
            </section>
            
            <!-- 教务公告 -->
            <section class="section-card">
                <div class="section-header">
                    <h2 class="section-title">教务公告</h2>
                    <a href="#" class="more-link">更多>></a>
                </div>
                <div class="content-list">
                    <article class="news-item">
                        <a href="#" class="news-title">外国语学院选派学生赴俄罗斯公派留学名单公示</a>
                        <time class="news-date">2025-11-07</time>
                    </article>
                    <article class="news-item">
                        <a href="#" class="news-title">外国语学院学生参加日本武藏野大学国际生项目人...</a>
                        <time class="news-date">2025-10-09</time>
                    </article>
                    <article class="news-item">
                        <a href="#" class="news-title">外国语学院学生参加墨西哥政府互换奖学金遴选名...</a>
                        <time class="news-date">2025-09-25</time>
                    </article>
                    <article class="news-item">
                        <a href="#" class="news-title">外国语学院选派学生赴西班牙卡斯提亚拉曼查大学...</a>
                        <time class="news-date">2025-06-19</time>
                    </article>
                    <article class="news-item">
                        <a href="#" class="news-title">外国语学院选派学生赴日本山梨学院大学交流名单...</a>
                        <time class="news-date">2025-06-19</time>
                    </article>
                    <article class="news-item">
                        <a href="#" class="news-title">外国语学院选派学生赴法国普瓦提埃大学交流名单...</a>
                        <time class="news-date">2025-06-19</time>
                    </article>
                </div>
            </section>
        </div>
    </main>

            <!-- 内容主体区 -->
            <div class="content-wrapper">
                <!-- 左侧新闻公告区 -->
                <section class="news-section">
                    <h2>党建活动</h2>
                    <div class="image-gallery">
                        <div class="gallery-item">
                            <img src="image/dangjian1.png" alt="第五届南昌大学习研会外...">
                            <div class="image-caption">第五届南昌大学习研会外...</div>
                        </div>
                        <div class="gallery-item">
                            <img src="image/dangjian2.jpeg" alt="外国语学院第十九届团委...">
                            <div class="image-caption">外国语学院第十九届团委...</div>
                        </div>
                        <div class="gallery-item">
                            <img src="image/dangjian3.jpeg" alt="外国语学院师生参加 “青...">
                            <div class="image-caption">外国语学院师生参加 “青...</div>
                        </div>
                        <div class="gallery-item">
                            <img src="image/dangjian4.jpeg" alt="外国语学院本科生党支部...">
                            <div class="image-caption">外国语学院本科生党支部...</div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </main>

    <!-- 页脚区域 -->
    <footer class="main-footer">
        <div class="footer-container">
            <div class="footer-left">
                <div class="logo-container">
                    <img src="image/logo1.png" alt="南昌大学校徽" class="university-logo">
                </div>
            </div>
            <div class="footer-center">
                <div class="contact-info">
                    <h3>联系我们</h3>
                    <address>
                        <p>地址：江西省南昌市红谷滩区学府大道999号</p>
                        <p>邮编：330031</p>
                        <p>电话：0791-83969xxx</p>
                        <p>邮箱：wgyxy@ncu.edu.cn</p>
                    </address>
                </div>
            </div>
            <div class="footer-right">
                <div class="quick-links">
                    <h2>常用链接</h2>
                    <ul>
                        <li><a href="#">南昌大学</a></li>
                        <li><a href="#">教务在线</a></li>
                        <li><a href="#">学生工作处</a></li>
                        <li><a href="#">南昌大学图书馆</a></li>
                        <li><a href="#">南昌大学招生与就业工作处</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>